<template>
	<view class="wrap">
		<view class="item">
			<view class="info">
				<view class="date">
					<text>十二月</text>
					<text>2022年</text>
				</view>
				<view class="bill">
					<text>收入：99203</text>
					<text>提现：903</text>
				</view>
			</view>
			<view class="btn">
				<view>展开</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageNum: 1,
				pageSize: 20,
				month: '202301',
			}
		},
		onLoad() {
			this.postBill()
		},
		methods: {
			postBill() {
				this.wxRequest({
					url: `${this.API}/DriverDetails/getDriverDetails`,
					method: 'POST',
					data: {
						pageNum: this.pageNum,
						pageSize: this.pageSize,
						month: this.month,
					},
					title: '加载中...',
					success: res => {
						console.log(res)
					}
				});
			},
			switchChange(e) {
				console.log(e.detail.value)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap{
		padding: 24rpx;
	}
	.item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 24rpx 48rpx;
		background: #fff;
		border-radius: 16rpx;
		color: #333;
		.info{
			font-size: 34rpx;
			flex: 1;
			.date{
				font-weight: 500;
				text{
					margin-right: 16rpx;
				}
			}
			.bill{
				color: #979797;
				font-size: 28rpx;
				margin-top: 12rpx;
				text{
					margin-right: 40rpx;
				}
			}
		}
		.btn{
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 28rpx;
		}
	}
</style>